     *{margin: 0;padding: 0;}
	 .header {
				width: 100%;
				height: 40px;
				background-color: #333333;
			}
			.header a{
				text-decoration: none;
				color: #ffffff;
			}
			.header .main{
				width: 1226px;
				height: 40px;
				margin: 0 auto;
			}		
			.header li{
				float: left;
				color: #b0b0b0;
				font-size: 10px;
				padding-left: 8px;
				padding-right: 8px;
			    padding-top: 13px;
				border-right: 1px solid #373333;
				text-align: center;
			}
			 .header ul:nth-of-type(1) {
				height: 40px;
				list-style: none;
				float: left; 
			}
			.header ul:nth-of-type(2) {
				height: 40px;
				list-style: none;
				float: right; 
			}
			
			.header .car {
				width: 118px;
				height: 40px;
				color: #ffffff;
				padding-left: 40px; 
				color: #b0b0b0;
				font-size: 10px; 
				background: url(../img/xiaomi/cart2.png) no-repeat;
				background-color: #424242;
				background-size: 21px 15px;
				background-position: 14px;
				float: right;
				border: none;					
			}		
			 .header input:hover {		
				color: #ff6700;
				background: url(../img/xiaomi/cart.png) no-repeat;
				background-size: 21px 15px;
				background-position: 14px;
				background-color: #ffffff;
			}
		 	.header input:hover .gou1{
				display: none;
			}
			.header input:hover .gou2{
				display: block; 
			}
			.header .right{
				width: 118px;
				height: 40px;
				float: right;
				position: relative;
			}
			.header .right:hover  p{
				display: block;
			} 
			.header p{
				font-size: 15px;
				width: 308px;
				height: 80px;
				border: 1px solid #e0e0e0;
				text-align: center;
				line-height: 76px;
				position: absolute;
				left: -192px;
				top: 40px;
				background-color:#ffffff;
				display: none;
			}		

			.header a{
				color: #b0b0b0;
				text-decoration: none;
			}
			.header a:hover{
				color: #ffffff;
			} 
			.nav {
				width: 100%;
				height: 101px;
			}
			.nav .main{
				width: 1226px;
				height: 101px; 
				margin: 0 auto;	
			}
			.nav img {
				width: 57px;
				height: 57px;
				margin-top: 21px;
				float: left;
			}
			.nav .main .nav-goods{
				height: 100px;
				list-style: none;
				padding-left: 67px;
				float: left;
				position: relative; 
				
			}
			.nav ul li{
				padding-top: 40px;
				font-size: 16px;
				float: left;
				padding-right: 24px;
				border: none;
				color: #333333;
				margin: 0;
			}
			.nav a{
				color: #333333;
				text-decoration: none;
			}
			.nav a:hover{
				color: #e96729;
			}
			.nav input{
				width: 245px;
				height: 50px;
				margin-top: 26px;
				float: right;
				outline: none;
				padding-left: 10px;
				border: 1px solid #e0e0e0;
			}
			.nav input[type="button"]{
				float: right;
				height: 52px;
				width: 52px; 
				background-color: #ffffff;
				background: url(../img/xiaomi/sousuo_07.gif)no-repeat;
				background-position: 50%;
			} 			
			.nav input[type="button"]:hover{
				background: url(../img/xiaomi/sousuo11_03.gif)no-repeat;
				background-size: 18px 19px;
				background-position: 50%;
				background-color: #ff6700;
				
			} 
			.goods{
				width: 100%;
				height: 922px;	
				background-color: #f5f5f5;
				
			}
			.goods .top{
				width: 1226px;
				height:135px ;
				margin: 0 auto;
				border-bottom: 1px solid #b0b0b0;
			}
			.goods img{
				margin-top: 38px;
				float: left;
			}
			.goods h5{
				width: 242px;
				font-size: 24px;
				color: #424242;
				float: left;
				padding-left: 21px;
				padding-top: 48px;
			}
			.goods p{
				width: 242px;
				font-size: 12px;
				color: #757575;
				padding-left: 87px;
			}
			.goods input:nth-of-type(1){
				width: 182px;
				height: 38px;
				float: right;			
				margin-top: -51px;
				border: none;
				color: #b0b0b0;
				background-color: #f5f5f5;
				border: 1px solid #b0b0b0;
			}
			.goods input:nth-of-type(1):hover{
				background-color:#e96529;
				color: #ffffff;
			}
			.goods input:nth-of-type(2){
				width: 182px;
				height: 38px;
				float: right;
				margin-top: -51px;
			    margin-right: 199px;
				background-color: #f5f5f5;
				color: #b0b0b0;
				border: 1px solid #b0b0b0;
			}
			.goods input:nth-of-type(2):hover{
				background-color:#e96529;
				color: #ffffff;
			}
			.goods .bottom{
				width: 1226px;
				height: 733px;
				background-color: red;
				margin: 0 auto;
				background-color: #f5f5f5;
			}
			fieldset{
				width: 1226px;
				height: 684px;
				margin-top: 53px;
				border: none;
				border-top: 1px solid #b0b0b0;
			}
			legend{
				width: 483px;
				font-size: 30px;
				text-align: center;
				color: #757575;
			}
			fieldset ul{
				width: 1226px;
				height: 614px;
				list-style: none;
				margin-top: 30px;
			}
			fieldset ul li{
				width: 236px;
				height: 301px;
				float: left;
				margin-right:9px;
				margin-bottom: 16px;
				background-color: #ffffff;
				transition:all 0.3s;
			}
			fieldset ul li:hover{
				box-shadow: 0 15px 30px rgb(0 0 0 / 10%);
				transform: translate3d(0,-2px,0);
			}
			.bottom fieldset ul li img{
				margin-top: 54px;
				margin-left: 68px;
			}
			.bottom fieldset ul li h5{
				font-size: 13px;
				padding-left: 0;
				text-align: center;
				padding-top: 36px;
			}
			.bottom fieldset ul li:nth-of-type(2) img,.bottom fieldset ul li:nth-of-type(10) img{
				margin-top: 40px;
				margin-left: 46px;
			}
			.bottom fieldset ul li:nth-of-type(2) h5,.bottom fieldset ul li:nth-of-type(10) h5{
				padding-top: 23px;
			}
			.bottom fieldset ul li h6{
				font-size: 11px;
				color: #e96529;
				padding-top: 226px;
				text-align: center;
			}
			.bottom fieldset ul li h4{
				font-size: 13px;
				padding-top: 17px;
				color: #757575;
				text-align: center;
			}
			 .serve{
				width: 100%;
				height: 84px;
				margin-top: 26px;
			}
			.serve .main{
				width: 1226px;
				height: 84px;
				margin: 0 auto;
				border-bottom: 1px solid #e0e0e0;
			}
			.serve ol{
				width: 1226px;
				height: 84px;
				list-style: none;
				background-color: #ffffff;
			}
			.serve ol li{
				width: 243px;
				height: 27px;
				color: #616161;
				float: left;
				margin-top: 19px;
				text-align: center;
				border-right: 1px solid #e0e0e0;			
			}
			 .serve ol li:nth-of-type(5){
				border: none;
			}
			.iconfont:nth-of-type(1){
				font-size: 27px;
				margin-right: 6px;
			}
			.serve a,.info a{
				color: #616161;
				text-decoration: none;
			}
			.serve a:hover,.info a:hover{
				color:#ff6700;
			}
			.info{
				width:1226px;
				height: 254px;
				margin: 0 auto;
				background-color: #ffffff;
				margin-top: 27px;
			}
			.info ul{
				list-style: none;
			}
			 .info ul li{
				width: 66px;
				height: 16px;
				float: left;
				
				padding-right: 86px;
				border: none;
				padding-top: 40px;
			}
			.info ul li a{
				color: #424242;
			}
			 .info ul li ol{
				list-style: none;
				margin-top: 31px;
				float: left;
			}
			 .info ul li ol li{
				width: 100px;
				height: 13px;
				font-size: 14px;		
				padding-bottom: 16px;
				padding-top: 0;
			}
			.info ul li ol li a{
				color: #757575;
			}
			.info .right{
				width: 251px;
				height: 112px;
				float: right;
				margin-top: 38px;
				border-left: 1px solid #e0e0e0;
				background-color: #ffffff;
			}
			.info .right h4{
				text-align: center;
				font-size: 18px;
				color: #e96a34;
				padding-top: 0;
			}
			.info .right h5{
				text-align: center;
				font-size: 10px;
				color: #7a6194;
				padding-top: 0;
				padding-top: 6px;
			}
			.info .right div{
				width: 120px;
				height: 30px;
				margin-left: 66px;
				margin-top: 9px;
				border: 1px solid red;
			}
			.info .right p{
				width: 50px;
				font-size: 11px;
				 padding-left: 42px;
				 margin-top: -14px;
			}
			 .info .right div .iconfont{
				color: #e96529;
				font-size: 12px;
				padding-left: 27px;
				padding-top: 8px;
			}
			.info .right div:hover .iconfont{
				color: #ffffff;
			}
			.info .right div:hover{
				background-color: #e96529;
				color: #ffffff;
			}
			.info .right span{
				font-size: 11px;
				padding-left: 65px;
				padding-top: 10px;
				color: #616161;
				float: left;
			}
			.info .right i{
				font-size: 16px;
				float: left;
				padding-top: 8px;
				padding-left: 14px;
			}
			.info .right i:hover{
				color: #ff6700;
			}
			.info .right b{
				font-size: 22px;
				padding-left: 7px;
				padding-top: 3px;
			}
			.info .right b:hover{
				color: #ff6700;
			}
			 footer{
			 	height: 180px;
			 	background-color: #fafafa;
			 }
			 footer .main{
			 	width: 1226px;
			 	height: 180px;
			 	margin: 0 auto;
			 }
			 footer .main>img{
			 	width: 56px;
			 	height: 56px;
			 	margin-top: 30px;
			 	float: left;
			 }
			 footer .webnav img{
			 	width: 82px;
			 	height: 30px;
			 }
			 footer .webnav a{
			 	text-decoration: none;
			 	color: #8a8a8a;
			 }
			 footer .webnav a:hover{
				 color: #ff6700;
			 }
			 footer .webnav{
			 	margin-top: 30px;
			 	color: #8a8a8a;
			 }
			 footer .webnav{
			 	font-size: 12px;
			 	float: left;
			 	margin-left: 12px;
			 	line-height: 20px;
			 }
			 
			 .footer-bottom{		 				 	
			 	height: 95px;
			 	width: 1226px;
				margin: 0 auto;
			 }
			 .footer-bottom p{
				 padding-top: 46px;
				 padding-left: 430px;
				 float: left;
				 color: #bababa;
				 font-size: 18px;
			 } 
			